{% extends "base.html" %} {% load static %}
{% block title %} 注册 {% endblock title %}
{% block content %}
    <style>
        .form-control {
            width: 300px;
        }

        .register {
            padding-left: 75%;
        }
    </style>
<div class="container" style="padding-top: 100px">
    <div class="row register">
        <div class="col-12">
            <br>
            <form method="post" action="{% url 'user:register' %}">
                {% csrf_token %}
                <!-- 账号 -->
                <div class="form-group col-md-4">
                    <label for="username">昵称</label>
                    <input type="text" class="form-control" id="username" name="username" required>
                </div>
                <!-- 邮箱 -->
                <div class="form-group col-md-4">
                    <label for="email">Email</label>
                    <input type="text" class="form-control" id="email" name="email">
                </div>
                <!-- 密码 -->
                <div class="form-group col-md-4">
                    <label for="password1">设置密码</label>
                    <input type="password" class="form-control" id="password1" name="password1" required>
                </div>
                <!-- 确认密码 -->
                <div class="form-group col-md-4">
                    <label for="password2">确认密码</label>
                    <input type="password" class="form-control" id="password2" name="password2" required>
                </div>
                <!-- 提交按钮 -->
                <div class="form-group col-md-4">
                    <button type="submit" class="btn btn-primary">提交</button>
                </div>
            </form>
        </div>
        <p style="padding-left: 30px;">如有问题，请联系管理员：<br><span>xxx</span></p>
    </div>
</div>
{% endblock content %}
{% block style %}
    <style>
        #wrapper {
            background-image: url("{% static 'images/bg.jpg' %}");
            background-size: cover;
        }
    </style>
{% endblock %}